.home {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 50px;
  gap: 20px;

  .welcome-section {
    h1 {
      color: #333;
      margin-bottom: 10px;
    }
    p {
      color: #666;
      font-size: 16px;
    }
  }

  .counter-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;

    p {
      font-size: 18px;
      color: #444;
    }

    button {
      padding: 10px 20px;
      border: none;
      background-color: #007bff;
      color: white;
      cursor: pointer;
      border-radius: 5px;
      transition: background-color 0.3s;

      &:hover {
        background-color: #0056b3;
      }

      &:focus {
        outline: none;
      }
    }
  }
}
